<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
</html>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>本心</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" type="text/css" href="../bower_components/mui/dist/css/mui.css">
	<script src="../bower_components/mui/dist/js/mui.js"></script>
	<script src="../bower_components/jquery/dist/jquery.min.js"></script>
	<script src="../js/index.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/base.css">
	<link rel="stylesheet" type="text/css" href="../css/full.css">
	<link rel="stylesheet" type="text/css" href="../css/benxinkong.css">
	<link rel="stylesheet" type="text/css" href="../css/cehua.css">
</head>
<body>
	<body>  
    <!-- 侧滑导航根容器 -->    
    <div class="mui-off-canvas-wrap mui-draggable mui-slide-in">    
      <!-- 菜单容器 -->    
      	<aside class="mui-off-canvas-left">    
        	<div id="offCanvasSideScroll" class="mui-scroll-wrapper"> 
        		<div id="cehua" class="mui-scroll">
	        		<ul>
	        			<a href="boruo.html"><li style="margin-top: 0;">
	        				<img src="../img/banruo.png" class="cover">
	        				<p class="same color">般若</p>
	        			</li></a>
	        			<a href="jingjin.html"><li>
	        				<img src="../img/jingjin.png" class="cover">
	        				<p class="same color">精进</p>
	        			</li></a>
	        			<a href="bushi.html"><li>
	        				<img src="../img/shiyuan.png" class="cover">
	        				<p class="same color">施愿</p>
	        			</li></a>
	        			<a href="benxin.html"><li>
	        				<img src="../img/benxin.png" class="cover">
	        				<p class="same color">本心</p>
	        			</li></a>
	        		</ul>
	        		
	        		<img id="erduo" src="../img/shuxie/tishi.png">
      			</div>
        	</div>    
      	</aside>    
      <!-- 主页面容器 -->    
      <div class="mui-inner-wrap">    
        
        <div id="offCanvasContentScroll" class="mui-scroll-wrapper">    
          <div class="mui-scroll">    
            <div class="page">
					<bg class="bg"><img src="../img/bkcb.png"></bg>
					<div class="content">
					    <a href="#">
					    	<div class="sousuo">
						    	<span><img src="../img/bore/search.png" class="cover"></span>
						    	<span>输入经书名称或关键字</span>
						    </div>
					    </a>
					    <div class="main">
					    	<div class="left">
					    		<p class="same">本<br/>心</p>
					    		<img src="../img/benxin.png">
					    	</div>
					    	<div class="right">
					    		<div class="fayuanwen">
					    			<p class="p_t color same">修行果位</p>
					    			<ul>
					    				<li class="color fang"><img src="../img/benxin/level1.png"><span>在线时间</span><span style="margin-left: 10px;">30小时</span><span style="float: right;">超越80%用户</span></li>
					    				<li class="color fang"><img src="../img/benxin/level2.png"><span>抄写字数</span><span style="margin-left: 10px;">3030字</span><span style="float: right;">超越80%用户</span></li>
					    				<li class="color fang"><img src="../img/benxin/level3.png"><span>抄写本数</span><span style="margin-left: 10px;">30本</span><span style="float: right;">超越80%用户</span></li>
					    				<li class="color fang"><img src="../img/benxin/level4.png"><span>印刷本数</span><span style="margin-left: 10px;">30本</span><span style="float: right;">超越80%用户</span></li>
					    				<li class="color fang"><img src="../img/benxin/level5.png"><span>助抄页数</span><span style="margin-left: 10px;">30页</span><span style="float: right;">超越80%用户</span></li>
					    			</ul>
					    		</div>
					    		
					    		<div class="dizhi">
					    			<p class="p_t color same">我的地址<img src="../img/btin.png"></p>
					    			<ul id="fanren">
					    				<a href="benxin_address.html">
					    				<li class="sel">
					    					<p class="p_dizhi fang">点击添加地址</p>
					    					<img src="../img/benxin/delete_hui.png">
					    				</li></a>
					    			</ul>
					    		</div>
					    	</div>
					    </div>
					</div>
					
					
					<!--
		            	滚动区域
		            -->
				    <div id="scroll" style="height: 121px;">
				    	<img class="tishi" src="../img/benxin/next.png">
			    		<div style="height: 125px;" class="tab_div mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
			    		    <div class="mui-scroll" style="height: 125px;">
			    		        <span class="mui-control-item mui-active">
			    		        <a href="benxin.html">
			    		        	<img src="../img/kong.png">
			    		        </a>
			    		        </span>
			    		        
			    		    </div>
			    		</div>
			    	</div>
				    
				    <!--
		            	三个图标
		            -->
		            <ul class="btn">
		            	<a href="#"><li>
		            		<img src="../img/benxin/write.png">
		            		<p>抄写</p>
		            	</li></a>
		            	<a href="#"><li>
		            		<img src="../img/benxin/read.png">
		            		<p>阅读</p>
		            	</li></a>
		            	<a href="#"><li>
		            		<img src="../img/benxin/fenxiang.png">
		            		<p>分享</p>
		            	</li></a>
		            </ul>
				</div>
            </div>    
        </div>      
      </div>    
    </div>  
</body>  
<script>
	$('.main .right').width($('.main').width()-$('.main .left').width());
	
	$('.dizhi ul li').each(function(){
		if($(this).hasClass("sel")){
			$(this).find('img').attr("src","../img/benxin/delete.png");
		}
	})
	$('.dizhi ul li').click(function(){
		alert();
		$('.dizhi ul li').removeClass("sel");
		$('.dizhi ul li').find("img").attr("src","../img/benxin/delete_hui.png")
		$(this).addClass("sel");
		$(this).find('img').attr("src","../img/benxin/delete.png");
	})
</script>
<script>
	mui.init();
	mui('body').on('tap','a',function(){document.location.href=this.href;});
	mui('#fanren').on('tap','li',function(){
		$(this).addClass("sel").siblings().removeClass("sel")
	});
</script>
</html>